<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<c:set var="ctx" value="${pageContext.request.contextPath}" />

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>首页</title>

    <%--<%@include file="common/meta.jsp"%>--%>
    <%--<%@include file="common/css.jsp"%>--%>

    <%@include file="/WEB-INF/jsp/common/component/head.jsp"%>
    <link rel="stylesheet" href="${ctx}/assets/css/tpmo/normalize.css">
    <link rel="stylesheet" href="${ctx}/assets/css/tpmo/font-awesome.css">
    <link rel="stylesheet" href="${ctx}/assets/css/tpmo/templatemo-style.css">

    <!-- CSS -->
    <%--<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,100,300,500">--%>

</head>

<body>
<div id="top" class="navbar-wrapper">
    <%@include file="/WEB-INF/jsp/common/component/navbar.jsp"%>
</div>

<!-- MAIN POSTS -->
<div class="main-posts">
    <div class="container">
        <div class="row">
            <div class="blog-masonry masonry-true">
                <div class="post-masonry col-md-4 col-sm-6">
                    <div class="post-thumb">
                        <img src="${ctx}/assets/img/tpmo/1.jpg" alt="">
                        <div class="title-over">
                            <h4><a href="#">Title one goes here</a></h4>
                        </div>
                        <div class="post-hover text-center">
                            <div class="inside">
                                <i class="fa fa-plus"></i>
                                <span class="date">25 Jan 2084</span>
                                <h4><a href="#">Title one goes here</a></h4>
                                <p>Cum sociis natoque penatibus et magnis dis parturient</p>
                            </div>
                        </div>
                    </div>
                </div> <!-- /.post-masonry -->
                <div class="post-masonry col-md-4 col-sm-6">
                    <div class="post-thumb">
                        <img src="${ctx}/assets/img/tpmo/2.jpg" alt="">
                        <div class="title-over">
                            <h4><a href="#">Second Image Title</a></h4>
                        </div>
                        <div class="post-hover text-center">
                            <div class="inside">
                                <i class="fa fa-plus"></i>
                                <span class="date">24 Jan 2084</span>
                                <h4><a href="#">Second Image Title</a></h4>
                                <p>Donec venenatis libero sapien, eu condimentum lacus</p>
                            </div>
                        </div>
                    </div>
                </div> <!-- /.post-masonry -->
                <div class="post-masonry col-md-4 col-sm-6">
                    <div class="post-thumb">
                        <img src="${ctx}/assets/img/tpmo/3.jpg" alt="">
                        <div class="title-over">
                            <h4><a href="#">Image Number Three</a></h4>
                        </div>
                        <div class="post-hover text-center">
                            <div class="inside">
                                <i class="fa fa-plus"></i>
                                <span class="date">23 Jan 2084</span>
                                <h4><a href="#">Image Number Three</a></h4>
                                <p>Sed vitae lacus eget ipsum scelerisque condimentum</p>
                            </div>
                        </div>
                    </div>
                </div> <!-- /.post-masonry -->
                <div class="post-masonry col-md-4 col-sm-6">
                    <div class="post-thumb">
                        <img src="${ctx}/assets/img/tpmo/4.jpg" alt="">
                        <div class="title-over">
                            <h4><a href="#">Aliquam sed magna risus</a></h4>
                        </div>
                        <div class="post-hover text-center">
                            <div class="inside">
                                <i class="fa fa-plus"></i>
                                <span class="date">22 Jan 2084</span>
                                <h4><a href="#">Aliquam sed magna risus</a></h4>
                                <p>Praesent pharetra blandit ex sed imperdiet</p>
                            </div>
                        </div>
                    </div>
                </div> <!-- /.post-masonry -->
                <div class="post-masonry col-md-4 col-sm-6">
                    <div class="post-thumb">
                        <img src="${ctx}/assets/img/tpmo/5.jpg" alt="">
                        <div class="title-over">
                            <h4><a href="#">Lorem ipsum dolor sit</a></h4>
                        </div>
                        <div class="post-hover text-center">
                            <div class="inside">
                                <i class="fa fa-plus"></i>
                                <span class="date">21 Jan 2084</span>
                                <h4><a href="#">Lorem ipsum dolor sit</a></h4>
                                <p>Vestibulum faucibus lacus ac risus efficitur</p>
                            </div>
                        </div>
                    </div>
                </div> <!-- /.post-masonry -->
                <div class="post-masonry col-md-4 col-sm-6">
                    <div class="post-thumb">
                        <img src="${ctx}/assets/img/tpmo/6.jpg" alt="">
                        <div class="title-over">
                            <h4><a href="#">Praesent eget lectus mauris</a></h4>
                        </div>
                        <div class="post-hover text-center">
                            <div class="inside">
                                <i class="fa fa-plus"></i>
                                <span class="date">20 Jan 2084</span>
                                <h4><a href="#">Praesent eget lectus mauris</a></h4>
                                <p>Morbi placerat pellentesque tortor, sed auctor dolor</p>
                            </div>
                        </div>
                    </div>
                </div> <!-- /.post-masonry -->
                <div class="post-masonry col-md-4 col-sm-6">
                    <div class="post-thumb">
                        <img src="${ctx}/assets/img/tpmo/7.jpg" alt="">
                        <div class="title-over">
                            <h4><a href="#">Donec nec metus non</a></h4>
                        </div>
                        <div class="post-hover text-center">
                            <div class="inside">
                                <i class="fa fa-plus"></i>
                                <span class="date">15 Jan 2084</span>
                                <h4><a href="#">Donec nec metus non</a></h4>
                                <p>Phasellus eu sapien sagittis, sodales neque ac</p>
                            </div>
                        </div>
                    </div>
                </div> <!-- /.post-masonry -->
                <div class="post-masonry col-md-4 col-sm-6">
                    <div class="post-thumb">
                        <img src="${ctx}/assets/img/tpmo/8.jpg" alt="">
                        <div class="title-over">
                            <h4><a href="#">Vestibulum faucibus lacus</a></h4>
                        </div>
                        <div class="post-hover text-center">
                            <div class="inside">
                                <i class="fa fa-plus"></i>
                                <span class="date">14 Jan 2084</span>
                                <h4><a href="#">Vestibulum faucibus lacus</a></h4>
                                <p>In aliquet et tellus in iaculis. Ut fermentum quis tellus</p>
                            </div>
                        </div>
                    </div>
                </div> <!-- /.post-masonry -->
                <div class="post-masonry col-md-4 col-sm-6">
                    <div class="post-thumb">
                        <img src="${ctx}/assets/img/tpmo/9.jpg" alt="">
                        <div class="title-over">
                            <h4><a href="#">Pellentesque habitant morbi</a></h4>
                        </div>
                        <div class="post-hover text-center">
                            <div class="inside">
                                <i class="fa fa-plus"></i>
                                <span class="date">13 Jan 2084</span>
                                <h4><a href="#">Pellentesque habitant morbi</a></h4>
                                <p>Fusce ullamcorper diam vel arcu scelerisque</p>
                            </div>
                        </div>
                    </div>
                </div> <!-- /.post-masonry -->
            </div>
        </div>
    </div>
</div>

<%@include file="/WEB-INF/jsp/common/component/foot.jsp"%>
<script src="${ctx}/assets/js/tpmo/min/plugins.js"></script>
<script src="${ctx}/assets/js/tpmo/min/main.js"></script>

<!-- Preloader -->
<script type="text/javascript">
    //<![CDATA[
    $(window).load(function() { // makes sure the whole site is loaded
        $('#loader').fadeOut(); // will first fade out the loading animation
        $('#loader-wrapper').delay(350).fadeOut('slow'); // will fade out the white DIV that covers the website.
        $('body').delay(350).css({'overflow-y':'visible'});
    });
    //]]>
</script>
</body>
</html>